<!DOCTYPE html>
<html>

<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>假果酱后台</title>
    <link href="/tencent/css/bootstrap.min.css" rel="stylesheet">
    <link href="/tencent/font-awesome/css/font-awesome.css" rel="stylesheet">

    <link href="/tencent/css/animate.css" rel="stylesheet">
    <link href="/tencent/css/style.css" rel="stylesheet">

</head>
<body>
    <div id="wrapper">
        <nav class="navbar-default navbar-static-side" role="navigation">
            <div class="sidebar-collapse">
                <ul class="nav metismenu" id="side-menu">
                    <li class="nav-header">
                        <div class="dropdown profile-element"> <span>
                            <img alt="image" class="img-circle" src="/tencent/img/logo1.png" width="48px" height="48px"/>
                             </span>
                            <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                            <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">欢迎大佬</strong>
                             </span> <span class="text-muted text-xs block">常用操作 <b class="caret"></b></span> </span> </a>
                            <ul class="dropdown-menu animated fadeInRight m-t-xs">
                                <li><a href="/tencent/fireIndex/index">返回首页</a></li>
                                <li><a href="/tencent/fireIndex/lookAllUser">查看所有用户信息</a></li>
                                <li><a href="">你看不见我</a></li>
                                <li class="divider"></li>
                                <li><a href="/tencent/fireIndex/login">Logout</a></li>
                            </ul>
                        </div>
                        <div class="logo-element">
                            IN+
                        </div>
                    </li>
                    <li class="active">
                        <a href="/tencent/fireIndex/index"><i class="fa fa-database"></i> <span class="nav-label">功能模块</span> <span class="fa arrow"></span></a>
                        <ul class="nav nav-second-level collapse">
                            <li><a href="/tencent/fireIndex/index"><i class="fa fa-th-large"></i>主页</a></li>
                            <li><a href="/tencent/fireIndex/basic_gallery"><i class="fa fa-picture-o"></i>画廊</a></li>
                            <li class="active"><a href="/tencent/fireIndex/lookAllUser"><i class="fa fa-star"></i>用户信息</a></li>
                            <li><a href="/tencent/fireIndex/pin_board"><i class="fa fa-edit"></i>公告</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>

        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom">
            <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
                <div class="navbar-header">
                    <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
                    <form role="search" class="navbar-form-custom" action="search_results.html">
                        <div class="form-group">
                            <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search">
                        </div>
                    </form>
                </div>
                <ul class="nav navbar-top-links navbar-right">
                    <li>
                        <span class="m-r-sm text-muted welcome-message">欢迎进入假果酱后台</span>
                    </li>



                    <li>
                        <a href="/tencent/fireIndex/login">
                            <i class="fa fa-sign-out"></i> Log out
                        </a>
                    </li>
                </ul>

            </nav>
        </div>
            <div class="row wrapper border-bottom white-bg page-heading">
                <div class="col-lg-9">
                    <h2>用户信息</h2>
                    <ol class="breadcrumb">
                        <li>
                            <a href="index.html">主页</a>
                        </li>
                        <li>
                           用户
                        </li>
                        <li class="active">
                            <strong>Contacts</strong>
                        </li>
                    </ol>
                </div>
            </div>
        <div class="wrapper wrapper-content animated fadeInRight">
        <div class="row" id="userRow">




        </div>
        </div>
        <div class="footer">
            <div class="pull-right">
                © 2018 - no money pay for aliyun
            </div>
            <div>
                <strong>Copyright</strong>  @假果酱
            </div>
        </div>

        </div>
        </div>

    <!-- Mainly scripts -->
    <script src="/tencent/js/jquery-2.1.1.js"></script>
    <script src="/tencent/js/bootstrap.min.js"></script>
    <script src="/tencent/js/plugins/metisMenu/jquery.metisMenu.js"></script>
    <script src="/tencent/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

    <!-- Custom and plugin javascript -->
    <script src="/tencent/js/inspinia.js"></script>
    <script src="/tencent/js/plugins/pace/pace.min.js"></script>


    <script>
        $(document).ready(function(){
            $('.contact-box').each(function() {
                animationHover(this, 'pulse');
            });
            $.post("/tencent/fireIndex/allUser",{},function (data) {
                if(data.code==0){
                    var list = data.data;
                    var allcontent = "";
                    for(var i= 0;i<list.length;i++){
                        var content = '  <div class="col-lg-4">'+
                            '                <div class="contact-box">'+
                            '                    <a href="">'+
                            '                    <div class="col-sm-4">'+
                            '                        <div class="text-center">'+
                            '                            <img alt="image" class="img-circle m-t-xs img-responsive" src="'+list[i].avatarUrl+'">'+
                            '                            <div class="m-t-xs font-bold">'+list[i].nickName+'<br></div>'+
                            '                        </div>'+
                            '                    </div>'+
                            '                    <div class="col-sm-8">'+
                            '                        <h3><strong>'+list[i].nickName+'</strong></h3>'+
                            '                        <p><i class="fa fa-map-marker"></i> '+list[i].country+'-'+list[i].province+'-'+list[i].city+'</p>'+
                            '                        <address>'+
                            '                            <strong>性别:  </strong>'+ list[i].gender+'<br><br><br><br>'+
                            '                            <abbr title="Phone">数据提供:</abbr> 微信小程序'+
                            '                        </address>'+
                            '                    </div>'+
                            '                    <div class="clearfix"></div>'+
                            '                        </a>'+
                            '                </div>'+
                            '            </div>';
                        allcontent = allcontent +content;
                        document.getElementById("userRow").innerHTML=allcontent;
                    }
                }else{
                    document.getElementById("userRow").innerHTML="<h1>您未登陆！</h1>"
                }
            });
        });

    </script>

</body>
</html>
